<!--
  -- Copyright (C) 2019 Intel Corporation.  All rights reserved.
  -- SPDX-License-Identifier: Apache-2.0 WITH LLVM-exception
  -->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script type="module" src="${toolkitUri}"></script>
    <script type="module" src="${mainUri}"></script>
    <link rel="stylesheet" href="${styleUri}">
    <title>New project</title>
</head>

<body>
    <div class="box_wrapper">
        <div class="config_form_heading">
            <h2>Config building target</h2>
            <vscode-divider></vscode-divider>
        </div>
    </div>

    <div class="box_wrapper">
        <div class="config_form_body">
            <div>
                <label><b>Output file name: </b></label>
                <vscode-text-field id="output_file_name" value=${output_file_val}></vscode-text-field>
            </div>
            <div>
                <label><b>Initial linear memory size: </b></label>
                <vscode-text-field id="initial_mem_size" value=${initial_mem_size_val}></vscode-text-field>
            </div>
            <div>
                <label><b>Max linear memory size: </b></label>
                <vscode-text-field id="max_mem_size" value=${max_mem_size_val}></vscode-text-field>
            </div>
            <div>
                <label><b>Stack size: </b></label>
                <vscode-text-field id="stack_size" value=${stack_size_val}></vscode-text-field>
            </div>
            <div>
                <label><b>Exported symbols: </b>
                    <span><b>(separated by ',')</b></span>
                </label>
                <vscode-text-area rows="3" id="exported_symbols" placeholder="Please split each symbol with comma. Like 'app_main,on_init'" value=${exported_symbols_val}></vscode-text-area>
            </div>
        </div>
    </div>

    <div class="box_wrapper">
        <div class="config_form_heading">
            <h2>Config iwasm running option</h2>
            <vscode-divider></vscode-divider>
        </div>
    </div>

    <div class="box_wrapper">
        <div class="config_form_body">
            <div>
                <label><b>Host managed heap size: </b></label>
                <vscode-text-field id="host_managed_heap_size" value=${host_managed_heap_size_val}></vscode-text-field>
            </div>
        </div>
    </div>

    <div class="box_wrapper">
        <div class="config_form_bottom">
            <vscode-divider></vscode-divider>
            <div class="config_submit_btn_wrapper">
                <div></div>
                <div id="btn">
                    <vscode-button id="btn_submit"><b>Modify</b></vscode-buton>
                </div>
            </div>
        </div>
    </div>

</body>
</html>
